<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
  <title>1号店</title>
  <link href="css/style.css" rel="stylesheet"/>
 </head>
 <body>
	<!--头部菜单-->
	<div class="top">
		<div class="wrap">
			<div class="top-l left">Hi，请<a href="">登录</a> / <a href="">注册</a></div>
			<ul class="top-m right">
				<li><a href="" class="menu-btn">我的1号店</a></li>
				<li class="line"></li>
				<li><a href="" class="menu-btn">收藏夹</a></li>
				<li class="line"></li>
				<li><a href="" class="menu-btn"><i class="top-tel left"></i>掌上1号店</a></li>
				<li class="line"></li>
				<li class="on">
					<a href="" class="menu-btn">客户服务</a>
					<ul class="topDown">
						<li><a href="">包裹跟踪</a></li>
						<li><a href="">常见问题</a></li>
						<li><a href="">在线投诉</a></li>
						<li><a href="">配送范围</a></li>
					</ul>
				</li>
				<li class="line"></li>
				<li><a href="" class="menu-btn">网站导航</a></li>
				<li class="line"></li>
				<li><a href="">关于我们</a></li>
				<li class="line"></li>
			</ul>
			<div class="clearfix"></div>
		</div>
	</div>
	<!--头部菜单结束-->
	<!--logo&&搜索-->
	<div class="wrap top30">
		<a href="" class="left"><img src="img/logo.png"/></a>
		<div class="left search-box">
			<form class="search-form">
				<label class="left search-label">商品</label>
				<input class="left search-input" value="请输入关键字"/>
				<button class="left search-btn">搜索</button>
			</form>
			<p class="search-btm"><a href="">毛巾</a><a href="">卫生纸</a><a href="">电池</a><a href="">洗发露</a><a href="">衣服</a><a href="">鞋子</a></p>
		</div>
		<div class="clearfix"></div>
	</div>
	<!--logo&&搜索结束-->
	<!--导航-->
	<div class="nav-box">
		<div class="wrap">
			<ul class="nav-ul">
				<li class="all">
					<a href="">所有商品分类</a>
					<div class="all-list">
						<ul>
							<li class="nav1"><a href="">进口食品</a>、<a href="">生鲜</a><i></i></li>
							<li class="nav2"><a href="">食品</a>、<a href="">饮料</a>、<a href="">酒</a><i></i></li>
							<li class="nav3"><a href="">母婴</a>、<a href="">玩具</a>、<a href="">童装</a><i></i></li>
							<li class="nav4"><a href="">家居</a>、<a href="">家庭清洁</a>、<a href="">纸品</a><i></i></li>
							<li class="nav5"><a href="">美妆</a>、<a href="">个人护理</a>、<a href="">洗护</a><i></i></li>
							<li class="nav6"><a href="">女装</a>、<a href="">内衣</a>、<a href="">中老年</a><i></i></li>
							<li class="nav7"><a href="">鞋靴</a>、<a href="">箱包</a>、<a href="">腕表配饰</a><i></i></li>
							<li class="nav8"><a href="">男装</a>、<a href="">户外</a>、<a href="">户外健身</a><i></i></li>
							<li class="nav9"><a href="">手机</a>、<a href="">数码</a>、<a href="">电脑办公</a><i></i></li>
							<li class="nav10"><a href="">小家电</a>、<a href="">大家电</a>、<a href="">汽车</a><i></i></li>
							<li class="nav11"><a href="">保健滋补</a>、<a href="">医药</a>、<a href="">成人</a><i></i></li>
							<li class="nav12"><a href="">礼品</a>、<a href="">卡</a>、<a href="">旅游</a>、<a href="">充值</a><i></i></li>
						</ul>
					</div>
				</li>
				<li><a href="" class="light">首页</a></li>
				<li><a href="" class="light">自营</a></li>
				<li><a href="" class="light">1号团</a></li>
				<li><a href="">1号商城</a></li>
				<li><a href="">闪购</a></li>
				<li><a href="">活色生鲜</a></li>
				<li><a href="">医药</a></li>
				<li><a href="">1号钱包</a></li>
				<div class="clearfix"></div>
			</ul>
		</div>
	</div>
	<!--导航结束-->
	<!--中间banner-->
	<div class="banner-box">
		<div class="sliding-box">
			<ul class="slide">
				<li><a href=""><img src="img/banner.jpg" height="384"/></a></li>
			</ul>
			<ul class="page">
				<li class="oncurrent"></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		<div class="wrap banner-r">
			<div class="banner-r-con">
				<div class="banner-r-top">
					<a href=""><img src="img/1.jpg"/></br>0元试用</a>
					<a href=""><img src="img/2.jpg"/></br>会员俱乐部</a>
					<a href=""><img src="img/3.jpg"/></br>礼品卡</a>
				</div>
				<ul class="banner-r-list">
					<li><a href="">【社区】当红明星教你送七夕情人礼！</a></li>
					<li><a href="">【社区】全球口碑姨妈巾都在这了！</a></li>
					<li><a href="">【促销】V3会员 甜蜜 免费领</a></li>
				</ul>
				<div class="banner-r-btm">
					<h2>
						<a href="" class="cur">话费快充</a>
						<a href="">彩票</a>
						<a href="">网游卡点</a>
					</h2>
					<div class="content">
						<form action="" method="post" class="charge-form">
							<p>
								<label>手机号码：</label>
								<input type="text"/>
							</p>
							<p>
								<label>面值：</label>
								<select>
									<option>￥10</option>
									<option>￥20</option>
									<option>￥30</option>
									<option>￥50</option>
								</select>
							</p>
							<p>
								<label>售价：</label>
								<span>￥10.14</span>
							</p>
							<p>
								<button>立即充值</button>
							</p>
						</form>
					</div>
				</div>
			</div>
		</div>
	</div>
	<!--中间banner结束-->
	<!--商品展示区-->
	<div class="container">
		<div class="wrap">
			<div class="sec1">
				<h2 class="eat">
					<a href="" class="title">食品饮料</a>
					<p class="right">
						<a href="">咖啡</a>|<a href="">休闲零食</a>|<a href="">饼干糕点</a>|<a href="">啤酒</a>|<a href="">粮油米面</a>
					</p>
				</h2>
				<div class="sec1-con">
					<div class="a-con common">
						<div class="a-con-top">
							<a href="">饼干糕点</a>
							<a href="">休闲零食</a>
							<a href="">饮料果汁</a>
							<a href="">牛奶乳品</a>
							<a href="">冲饮谷物</a>
							<a href="">营养保健</a>
							<div class="clearfix"></div>
						</div>
						<a href="" class="top-a">
							<h3 class="eat-drink">banner</h3>
							<h4>banner</h4>
							<img src="img/sec1.jpg"/>
						</a>
					</div>
					<div class="b-con common">
						<a href=""><img src="img/sec1-1.jpg"/></a>
						<ul class="page">
							<li class="cur"></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="c-con common">
						<a href="" class="top-a border-btm">
							<h3>吃货天堂</h3>
							<h4>满49减10</h4>
							<img src="img/sec1-2.jpg"/>
						</a>
						<a href="" class="top-a">
							<h3>1号酒窖</h3>
							<h4>百威哈啤酒两件7折</h4>
							<img src="img/sec1-3.jpg"/>
						</a>
					</div>
					<div class="d-con common">
						<a href="" class="top-a">
							<h3>夏季美食嘉年华</h3>
							<h4>粮油1元抢；爆款5折起</h4>
							<img src="img/sec1-4.jpg"/>
						</a>
					</div>
					<div class="e-con common border-rno">
						<a href="" class="top-a border-btm">
							<h3>饮料饮品</h3>
							<h4>爆款满99减25</h4>
							<img src="img/sec1-5.jpg"/>
						</a>
						<a href="" class="top-a">
							<h3>甜蜜蜜七夕好礼</h3>
							<h4>燕窝 买一送一</h4>
							<img src="img/sec1-6.jpg"/>
						</a>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
			<!--食品饮料结束-->
			<!--个护厨卫-->
			<div class="sec1">
				<h2 class="cur">
					<a href="" class="title">个护厨卫</a>
					<p class="right">
						<a href="">面部防晒</a>|<a href="">沐浴清洁</a>|<a href="">纸巾</a>|<a href="">洗衣液</a>|<a href="">驱蚊神器</a>
					</p>
				</h2>
				<div class="sec1-con">
					<div class="a-con common">
						<div class="a-con-top">
							<a href="">洗发护发</a>
							<a href="">脱毛膏/贴</a>
							<a href="">牙膏牙刷</a>
							<a href="">抽纸</a>
							<a href="">消毒液</a>
							<a href="">保鲜膜</a>
							<div class="clearfix"></div>
						</div>
						<a href="" class="top-a">
							<h3 class="self-xh">蓝月亮洁净盛典</h3>
							<h4>热销商品5折起</h4>
							<img src="img/sec1-7.jpg"/>
						</a>
					</div>
					<div class="b-con common">
						<a href=""><img src="img/sec1-8.jpg"/></a>
						<ul class="page">
							<li class="cur"></li>
							<li></li>
							<li></li>
						</ul>
					</div>
					<div class="c-con common">
						<a href="" class="top-a border-btm">
							<h3>自营纸制品品牌团</h3>
							<h4>团购疯抢中</h4>
							<img src="img/sec1-9.jpg"/>
						</a>
						<a href="" class="top-a">
							<h3>自营衣物洗护团</h3>
							<h4>爆款5折起</h4>
							<img src="img/sec1-10.jpg"/>
						</a>
					</div>
					<div class="d-con common">
						<a href="" class="top-a">
							<h3>自营美容护理</h3>
							<h4>8.18爆款 一贵就赔</h4>
							<img src="img/sec1-11.jpg"/>
						</a>
					</div>
					<div class="e-con common border-rno">
						<a href="" class="top-a">
							<h3>自营口腔护理</h3>
							<h4>更多商品第二件2折</h4>
							<img src="img/sec1-12.jpg"/>
						</a>
					</div>
					<div class="f-con common">
						<a href="" class="top-a border-top">
							<h3 class="self-xh">妮飘满99减25</h3>
							<h4>与你的浪漫七夕</h4>
							<img src="img/sec1-17.jpg"/>
						</a>
					</div>
					<div class="g-con common">
						<a href="" class="top-a pic border-top">
							<div class="left pic-l">
								<h3>逼格生活由我打造</h3>
								<h4>新品上新</h4>
								<span>品质生活轻松家务</span>
							</div>
							<img src="img/sec1-16.jpg"/>
						</a>
					</div>
					<div class="h-con common">
						<a href="" class="top-a border-top">
							<h3>自营家庭清洁品牌团</h3>
							<h4>爆款团购2.3折起</h4>
							<img src="img/sec1-15.jpg"/>
						</a>
					</div>
					<div class="i-con common">
						<a href="" class="top-a border-top">
							<h3>自营女性护理</h3>
							<h4>更多商品第二件2折</h4>
							<img src="img/sec1-14.jpg"/>
						</a>
					</div>
					<div class="j-con common border-rno">
						<a href="" class="top-a border-top">
							<h3>自营洗发护发</h3>
							<h4>更多商品第二件2折</h4>
							<img src="img/sec1-13.jpg"/>
						</a>
					</div>
					<div class="clearfix"></div>
				</div>
			</div>
		</div>
	</div>
	<!--商品展示区结束-->
	<!--底部-->
	<div class="footer-box">
		<div class="footer wrap">
			<div class="foot-link">
				<a href="">关于1号店</a>
				<span>|</span>
				<a href="">我们的团队</a>
				<span>|</span>
				<a href="">网站联盟</a>
				<span>|</span>
				<a href="">热门搜索</a>
				<span>|</span>
				<a href="">友情链接</a>
				<span>|</span>
				<a href="">1号店社区</a>
				<span>|</span>
				<a href="">诚征英才</a>
				<span>|</span>
				<a href="">商家登录</a>
				<span>|</span>
				<a href="">供应商登录</a>
				<span>|</span>
				<a href="">放心搜</a>
				<span>|</span>
				<a href="">1号店新品</a>
				<span>|</span>
				<a href="">开放平台</a>
			</div>
			<div class="foot-link">
				<a href="">沪ICP备13044278号</a>
				<span>|</span>
				<a href="">合字B1.B2-20130004</a>
				<span>|</span>
				<a href="">营业执照</a>
				<span>|</span>
				<a href="">互联网药品信息服务资格证</a>
				<span>|</span>
				<a href="">互联网药品交易服务资格证</a>
			</div>
			<p class="copy">
				Copyright© 1号店网上超市 2007-2015，All Rights Reserved
			</p>
		</div>
	</div>
 </body>
</html>
